<!--
<!DOCTYPE doctype html>
<html>
    <head>
        <meta charset="utf-8"/>
        <meta content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" name="viewport"/>
        <meta content="telephone=no,email=no,date=no,address=no" name="format-detection"/>
        <title>
            商务联系
        </title>
        <style>
            html,body{
            width: 100%;
            height: 100%;
            padding: 0;
            margin: 0;
            font-size: 14px;
            background: #fff;
        }
        .container{
            width: 100%;
            height: 100%;
            margin:0 auto;
            display: flex;
            flex-flow: column;
            justify-content: center;
            align-items: center;

        }
        .co_win{
            margin-top:auto;
            margin-bottom: 20px;
            color: #dedede;
        }
        .co_image{
            margin-top: 100px;
        }
        .marginBottom{
            margin-bottom: 5px;
        }
        </style>
    </head>
    <body>
        <div class="container">
            <div class="co_image">
                <img alt="" src="http://hotbb.repinchen.cn/co_biz.png"/>
            </div>
            <div class="biz_txt marginBottom">
                商务合作
            </div>
            <div class="co_txt marginBottom">
                来信请说明合作事项
            </div>
            <div class="co_email marginBottom">
                微信：guoxiaohang
            </div>
            <div class="co_win">
                合作共赢，共同发展
            </div>
        </div>
    </body>
</html>-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" charset="UTF-8" content="width=device-width, initial-scale=1.0">
    <title>商务合作</title>
    <script src="https://cdn.bootcss.com/babel-polyfill/7.4.4/polyfill.js"></script>
    <script src="${ctx}/js/jquery1.8.2.min.js"></script>
    <script src="${ctx}/js/vue.min.js"></script>
    <link rel="stylesheet" href="${ctx}/css/reset.css">
    <script src="${ctx}/js/changeSize.js"></script>
</head>
<style>
    [v-cloak] {
        display: none;
    }
    .business_box {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #EFEFEF;
    }
    .head_box {
        position: relative;
        background: #484562;
        color: #fff;
        font-size:1rem;
        text-align: center;
        padding: 1.8rem 0.5rem 4rem 0.5rem;
    }

    .title{
        position: relative;
    }
    .go_back{
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -0.5rem;
        z-index: 5;
        display: flex;
        align-items: center;
        font-size: 0.88rem;
    }

    .go_back img{
        width: 1rem;
        height: 1rem;
        margin-right: 0.2rem;
    }

    .detail {
        margin-top: 3.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
    }
    .company {
        font-size: 1.7rem;
        padding-right: 0.5rem;
    }

    .describe {
        font-size:0.75rem;
        padding-left: 0.5rem;
        font-weight: 600;
        border-left: 1px solid #fff;
    }
    .describe p:first-child{
        color: #FAF676;
        margin-bottom: 0.2rem;
    }

    .contact {
        margin-top: 0.5rem;
        padding: 2rem 0.5rem;
        text-align: center;
        background: #fff;
    }
    .wxchat {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 1.9rem;
    }

    .wxchat img{
        width: 2rem;
    }

    .wxchat span{
        display: block;
        height: 1.3rem;
        margin-left: 0.5rem;
        font-size: 0.88rem;
        font-weight: 600;
    }
    .tip{
        margin-top: 1.8rem;
        font-size: 0.63rem;
        color: #929292;
        text-align: justify;
        line-height: 1.2rem;
    }
</style>
<body>
<div id="app">
    <div class="business_box"  v-cloak>
        <div class="head_box">
            <div class="title">
                <div class="go_back" @click="comeback()">
                    <img  src="../../static/image/zuo_white.png">
                    <span>返回</span>
                </div>
                <p>商务合作</p>
            </div>
            <div class="detail">
                <div class="company">乐享</div>
                <div class="describe">
                    <p>Adidear.com</p>
                    <p>ASO服务平台</p>
                </div>
            </div>
        </div>
        <div class="contact">
            <p class="wxchat">
                <img src="${ctx}/image/wxchat.png">
                <span>guoxiaohang</span>
            </p>
            <p class="tip">以上联系方式仅处理商务合作，用户问题请通过"在线客服"反馈</p>
        </div>
    </div>
</div>
</body>
</html>
<script>
    var app = new Vue({
        el: '#app',
        data: {

        },

        mounted: function () {

        },
        methods: {
            // 返回上一页
            comeback: function () {
                window.history.back(-1);
            },
        }
    });

</script>
